
*{
  box-sizing: initial;
}
a{
  text-decoration: none!important;
}
html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
  
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 0px;
  height: 0px;
  overflow: hidden;
}


.details{
  width: 100%;
  height: 888px;
  background: #1C1D1E url('../images/logoBanner.png') no-repeat top  center;
  position: relative;
}
header{
  // height: 140px!important;
  // padding: 15px  0;
}
.Cde{
  width: 888px;
  height: 480px;
  background: url('../images/Bshow.png') no-repeat center center;
  position: absolute;
  top:50%;
  left:50%;
  margin-top: -240px;
  margin-left: -444px;
}

.login-html {
  top:-160px;
  width: 100%;
  height: 100%;
  left: 200px;
  position: absolute;
  padding: 20px 70px 20px 70px!important;
  border-radius: 10px;
  background: rgba(40,57,101,0.9);
  // background: white;
  text-align: left;
  color: #6a6f8c;
  // background: #c8c8c8;
  font: 600 16px/18px 'Open Sans',sans-serif;
}
.login-html .label {
      text-align: left; 
}
#msg{
  color: #FFF;
}
.msgs{display:inline-block;
  width:104px;
  color:#fff;
  font-size:12px;
  // border:1px solid #0697DA;
  text-align:center;
  height:30px;
  line-height:50px;
  background:rgba(255,255,255,0.1);
  cursor:pointer;
  float: right;
  height: 50px;
  border-radius: 25px;
  position: relative;
  top:-50px;
}
  
/*small*/
@media screen and (min-device-width: 1026px) and (max-device-width: 1367px) {
 
}
/*middle*/
@media screen and (min-device-width: 1368px) and (max-device-width: 1440px) {
  .login-wrap{
    height: 510px!important;
  }
  .details{
    height: 658px;
  }
}
/*big*/
@media screen and (min-device-width: 1441px) {
  
}